<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all" />
    <link rel="stylesheet" href="__CSS__/admin.css" media="all">
    <style>
        .layui-input-block {
            margin-left: 175px;
            min-height: 36px;
        }

        .layui-form-label {
            float: left;
            display: block;
            padding: 9px 15px;
            width: 145px;
            font-weight: 400;
            line-height: 20px;
            text-align: right;
        }

        .a1 {
            width: 120px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            background-color: darkgray;
            color: #fff;
            margin-left: 176px;
            margin-top: 20px;
            margin-bottom: 20px;
            cursor: pointer;
        }
    </style>
</head>

<body style="padding:10px;">
    <div class="tplay-body-div" style="margin-top: 30px;">
        <form class="layui-form" id="admin">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>企业corpid:</label>
                <div class="layui-input-block" style="max-width:600px;">
                    <input name="qiye" lay-verify="title" class="layui-input" type="text">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>钉钉微应用AppKey:</label>
                <div class="layui-input-block" style="max-width:600px;">
                    <input name="wx" lay-verify="title" class="layui-input" type="text">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>钉钉微应用AppSecret:</label>
                <div class="layui-input-block" style="max-width:600px;">
                    <input name="ying" lay-verify="title" class="layui-input" type="text">
                </div>
            </div>

            <div style="padding-left: 176px;margin-top: -10px;">请到<a href="http://open-dev.dingtalk.com/">钉钉开发着后台</a></div>

            <div class="a1 tanchu">测试发送</div>

            <div style="margin-left: 176px;margin-bottom: 5px;">回调Token设置(没有回调就不需要设置)</div>

            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>回调URL:</label>
                <div class="layui-input-block" style="max-width:600px;">
                    <input name="url" lay-verify="title" class="layui-input" type="text">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">回调Token:</label>
                <div class="layui-input-block" style="max-width:600px;">
                    <input name="token" lay-verify="title" class="layui-input" type="text">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">回调EncodingAESKey:</label>
                <div class="layui-input-block" style="max-width:600px;">
                    <input name="enc" lay-verify="title" class="layui-input" type="text">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="admin">立即提交</button>
                </div>
            </div>
        </form>
        <script src="__PUBLIC__/layui/layui.js"></script>
        <script src="__PUBLIC__/jquery/jquery.min.js"></script>
        <script>
            layui.use('upload', function() {
                var upload = layui.upload;
                //执行实例
                var uploadInst = upload.render({
                    elem: '#thumb' //绑定元素
                        ,
                    url: "{:url('common/upload')}" //上传接口
                        ,
                    data: {
                        use: 'article_thumb'
                    },
                    done: function(res) {
                        //上传完毕回调
                        if (res.code == 2) {
                            $('#demo1').attr('src', res.src);
                            $('#upload-thumb').append('<input type="hidden" name="thumb" value="' + res.id + '">');
                        } else {
                            layer.msg(res.msg);
                        }
                    },
                    error: function() {
                        //请求异常回调
                        //演示失败状态，并实现重传
                        var demoText = $('#demoText');
                        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
                        demoText.find('.demo-reload').on('click', function() {
                            uploadInst.upload();
                        });
                    }
                });
            });
        </script>
        <script>
            layui.use(['layer', 'form'], function() {
                var layer = layui.layer,
                    $ = layui.jquery,
                    form = layui.form;
                $(window).on('load', function() {
                    form.on('submit(admin)', function(data) {
                        $.ajax({
                            url: "{:url('admin/dingding/ding')}",
                            data: $('#admin').serialize(),
                            type: 'post',
                            async: false,
                            success: function(res) {
                                if (res.code == 1) {
                                    layer.alert(res.msg, function(index) {
                                        location.href = res.url;
                                    })
                                } else {
                                    layer.msg(res.msg);
                                }
                            }
                        })
                        return false;
                    });
                });
            });
        </script>
        <script>
            $('.tanchu').click(function() {
                layer.alert('测试演示', {icon: 1});
            });
        </script>

    </div>
</body>

</html>